<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <!-- all content of website -->
        <div class="wrapper">
            <!-- Banner -->
            <div class="banner">
                <div class="img-banner">

                </div>
                <div class="control-banner">

                </div>
                <div class="pagination-banner">

                </div>
                <div class="down-banner">

                </div>
            </div>
            <!--/ end Banner -->

            <!-- Top menu -->
            <div class="top-menu">
                <div class="brand">
                    <h1>
                        <a href="#">BRUSHED</a>
                    </h1>
                </div>
                <div class="menu">
                    <ul>
                        <li><a href="#" >Home</a></li>
                        <li><a href="#" >Our Work</a></li>
                        <li><a href="#" >About us</a></li>
                        <li><a href="#" >Contact</a></li>
                    </ul>
                </div>
            </div>
            <!--/ end top menu -->

            <!-- part: our work -->
            <div class="part part-ourwork">
                <div class="container">
                    <h2>Our Work</h2>
                    <p>See Also Great Stuff on <a href="#">Dribbble.</a></p>

                    <div class="menu-left">
                        <h4>Type of work</h4>
                        <ul>
                            <li><a href="#">All</a></li>
                            <li><a href="#">Icons</a></li>
                            <li><a href="#">3D</a></li>
                            <li><a href="#">UX/UI</a></li>
                            <li><a href="#">Concepts</a></li>
                        </ul>
                    </div>
                    <div class="content-ourwork">
                        <div class="block"></div>
                        <div class="block active"></div>
                        <div class="block select"></div>
                        <div class="block"></div>
                        <div class="block active"></div>
                        <div class="block select"></div>
                        <div class="block"></div>
                        <div class="block active"></div>
                        <div class="block select"></div>
                    </div>
                </div>
            </div>
            <!--/ end part: our work -->

            <!-- part: about us -->
            <div class="part aboutus">
                <div class="container">
                    <h2>About us</h2>
                    <p>The most important thing to us is building products people love.</p>

                    <div class="content-aboutus">
                        <div class="block block-aboutus">
                            <div class="img-block">
                                <a href="#">
                                    Nothing
                                </a>
                            </div>
                            <div class="desc-block">
                                <h4>John Doe</h4>
                                <div class="intro">
                                    Our work was redesigning the outdated user 
                                    interface of Rotix, a puzzle game. 
                                    We used simple, bright colors and a clean 
                                    approach to produce a stunning, 
                                    pixel-perfect UI.
                                </div>
                                <ul class="social">
                                    <li><a href="#"><i class="icon icon-twitter"></i></a></li>
                                    <li><a href="#"><i class="icon icon-linkedin"></i></a></li>
                                    <li><a href="#"><i class="icon icon-unknown"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="block block-aboutus active">
                            <div class="img-block">
                                <a href="#">
                                    CTO / FOUNDER
                                </a>
                            </div>
                            <div class="desc-block">
                                <h4>Jane Helf</h4>
                                <div class="intro">
                                    Our work was redesigning the outdated user 
                                    interface of Rotix, a puzzle game. 
                                    We used simple, bright colors and a clean 
                                    approach to produce a stunning, 
                                    pixel-perfect UI.
                                </div>
                                <ul class="social">
                                    <li><a href="#"><i class="icon icon-twitter"></i></a></li>
                                    <li><a href="#"><i class="icon icon-linkedin"></i></a></li>
                                    <li><a href="#"><i class="icon icon-unknown"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="block block-aboutus active">
                            <div class="img-block">
                                <a href="#">
                                    Nothing
                                </a>
                            </div>
                            <div class="desc-block">
                                <h4>Joshua Insanus</h4>
                                <div class="intro">
                                    Our work was redesigning the outdated user 
                                    interface of Rotix, a puzzle game. 
                                    We used simple, bright colors and a clean 
                                    approach to produce a stunning, 
                                    pixel-perfect UI.
                                </div>
                                <ul class="social">
                                    <li><a href="#"><i class="icon icon-twitter"></i></a></li>
                                    <li><a href="#"><i class="icon icon-linkedin"></i></a></li>
                                    <li><a href="#"><i class="icon icon-unknown"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="footer-aboutus">
                        <h3>NEW Brushed- PRemium one page html/css template</h3>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing 
                            elit. Maecenas neque diam, luctus at laoreet in, 
                            auctor ut tellus. Etiam enim lacus, ornare et tempor, 
                            rhoncus rhoncus sem. Aliquam volutpat arcu et nibh 
                            mollis eleifend pharetra lorem scelerisque. 
                            Donec vel enim purus, id viverra neque. Cras in velit 
                            ante, eget pellentesque sem. Duis tincidunt erat quam. 
                            Etiam placerat sapien elit.
                        </div>
                        <button>PURCHASE</button>
                    </div>
                </div>
            </div>
            <!--/ end part: aboutus -->

            <!-- part: getintouch -->
            <div class="part part-getintouch">
                <div class="container">
                    <h2>Get in Touch</h2>
                    <p>We’re currently accepting new client projects. Think we might help? We’d love to hear from you.</p>
                    <div class="content-getintouch">
                        <form>
                            <fieldset>
                                <p>
                                    <input type="text" name="fullname" placeholder="Full Name"/>
                                </p>
                                <p>
                                    <input type="email" name="email" placeholder="Email Address"/>
                                </p>
                                <p>
                                    <textarea placeholder="Your message"></textarea>
                                </p>
                                <p>
                                    <input type="submit" value="Submit" name="submit"/>
                                </p>
                            </fieldset>
                        </form>
                    </div>
                    <div class="menu-right">
                        <h4>Contact Details</h4>
                        <p>
                            <a href="#">info@creativeda.sh</a>
                        </p>
                        <p>
                            (916) 378-4475
                        </p>
                        <p>
                            Creativedash
                            5701 Lonetree Blvd. 105
                            Rocklin, CA 95765
                        </p>
                    </div>
                </div>
            </div>
            <!--/ end part: getintouch -->

            <!-- part: twitterfeed -->
            <div class="part part-twitterfeed">
                <div class="container">
                    <ul>
                        <li>
                            <div class="feed-item">
                                Searching on the go is now faster w/ quick sitelinks 
                                & quick view goo.gl/i4KTZ #googlesearch	about a day ago
                            </div>
                            <div class="icon-feed">
                                <i>Twitter</i>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--/ end part: twitterfeed -->

            <!-- part: socialnetwork -->
            <div class="part part-socialnetwork">
                <div class="container">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/behance.jpg" alt=""/>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/behance.jpg" alt=""/>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/behance.jpg" alt=""/>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/behance.jpg" alt=""/>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/behance.jpg" alt=""/>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!--/ end part: socialnetwork -->

            <!-- part: footer -->
            <div class="part part-footer">
                <div class="container">
                    <p>© 2013 BRUSHED. BRUSHED TEMPLATE by ALESSIO ATZENI</p>
                </div>
            </div>
            <!--/ end part: footer -->
        </div>
        <!--/ end wrapper -->
    </body>
</html>
